 .comment-images {
 	display: flex;
 	flex-wrap: wrap;
 	margin-top: 10px;
 }

 .comment-image {
 	width: 100px;
 	height: 100px;
 	margin-right: 10px;
 	margin-bottom: 10px;
 	object-fit: cover;
 	border-radius: 4px;
 	cursor: pointer;
 }

 .comment-image:hover {
 	transform: scale(1.05);
 	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }


 .page-title {
 	font-size: 22px;
 	color: #333;
 	margin-bottom: 20px;
 	font-weight: 600;
 }

 /* 自定义紫色分了搜索按钮 */
 .purple-search-btn {
 	background-color: #FF1493;
 	/* 紫色 */
 	border-color: #FF1493;
 	color: white;
 }

 .purple-search-btn:hover {
 	background-color: #FF69B4;
 	/* 深紫色悬停效果 */
 	border-color: #FF69B4;
 }

 .purple-search-btn:active {
 	background-color: #FF00FF;
 	/* 点击效果 */
 	border-color: #FF00FF;
 }

 /* 顶部新添分类按钮 */
 .top-update-btn {
 	background-color: #FF1493;
 	/* 蓝色 */
 	border-color: #FF1493;
 	color: white;
 }

 .top-update-btn:hover {
 	background-color: #1E90FF;
 	/* 深蓝色悬停效果 */
 	border-color: #1E90FF;
 	color: white;
 }

 /* 编辑按钮 */
 .cate-edit-btn {
 	background-color: #e6f7ff !important;
 	/* 浅蓝色背景 */
 	border-color: #91d5ff !important;
 	/* 蓝色边框 */
 	color: #1890ff !important;
 	/* 蓝色文字 */
 	transition: all 0.3s ease;
 }

 .cate-edit-btn:hover {
 	background-color: #bae7ff !important;
 	/* 悬停时稍深的蓝色 */
 	color: #096dd9 !important;
 	transform: translateY(-1px);
 }

 /* 删除按钮样式 */
 .cate-del-btn {
 	background-color: #f9f0ff !important;
 	/* 浅紫色背景 */
 	border-color: #FF69B4 !important;
 	/* 紫色边框 */
 	color: #FF69B4 !important;
 	/* 紫色文字 */
 	transition: all 0.3s ease;
 }

 .cate-del-btn:hover {
 	background-color: #efdbff !important;
 	/* 悬停时稍深的紫色 */
 	color: #FF00FF !important;
 	transform: translateY(-1px);
 }

 /* 评论图片容器样式 */
 .comment-images {
 	display: flex;
 	flex-wrap: nowrap;
 	overflow-x: auto;
 	gap: 8px;
 	padding: 4px 0;
 	-webkit-overflow-scrolling: touch;
 	/* 平滑滚动 */
 }

 /* 单张图片样式 */
 .comment-image {
 	width: 60px;
 	height: 60px;
 	object-fit: cover;
 	border: 1px solid #e0e0e0;
 	border-radius: 4px;
 	cursor: pointer;
 	transition: transform 0.2s;
 }

 /* 图片悬停效果 */
 .comment-image:hover {
 	transform: scale(1.05);
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }

 /* 滚动条样式 */
 .comment-images::-webkit-scrollbar {
 	height: 6px;
 }

 .comment-images::-webkit-scrollbar-thumb {
 	background-color: #c1c1c1;
 	border-radius: 3px;
 }

 .comment-images::-webkit-scrollbar-track {
 	background-color: #f1f1f1;
 }